<div class="body">
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
  <mat-tree-node class="mat-tree-node" *matTreeNodeDef="let node" (click)="open(node)" matTreeNodePadding  > 
    <span  >{{node.name}}</span>
  </mat-tree-node> 
  <mat-divider></mat-divider>
  <mat-tree-node class="mat-tree-node"  *matTreeNodeDef="let node;when: hasChild"  (click)="open(node)" matTreeNodePadding  >
    <span >{{node.name}}</span>
  </mat-tree-node>
</mat-tree>
</div>